﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Gimnasio Extremo</title>
<link href="js/style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.gallerax-0.2.js"></script>
<style type="text/css">
@import "js/gallery.css";

</style>
</head>
<body>

<div id="wrapper">
	<div id="header">
		<div id="logo">

			<h1>Gimnasio Extremo</h1>
			<p> Software </p>
		</div>


	</div>
	
	<!-- end #menu -->
	<div id="page">
		<div id="page-bgtop">
			<div id="page-bgbtm">
				<div id="content">
					<div id="gallery-wrapper">
						<div id="gallery"> <img class="output" src="images/img04.jpg" alt="" />
							<div id="thumbnail-bg">
								<ul class="thumbnails">
									<li><img class="active" src="images/img04.jpg" title="Monument Valley" alt="" width="604" height="375" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>
									<li><img src="images/img05.jpg" title="Honey Bee" alt="" width="100" height="75"  onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>
									<li><img src="images/img06.jpg" title="Cup of Coffee" alt="" width="100" height="75"  onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>
									<li><img src="images/img07.jpg" title="Grand Tetons" alt="" width="100" height="75"  onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>
								</ul>
							</div>
							<br class="clear" />
						</div>
						<script type="text/javascript">

						$('#gallery').gallerax({
							outputSelector: 		'.output',					// Output selector
							thumbnailsSelector:		'.thumbnails li img',		// Thumbnails selector
							captionSelector:		'.caption'					// Caption selector
						});

					</script>
						<!-- end -->
					</div>
					<div class="post">
						<h2 class="title"><a href="#">Bienvenidos a la página oficial</a></h2>
						<p class="meta"><span class="date">Septiembre 03, 2014</span><span class="posted">Cuida tu mente mejora tu cuerpo</span></p>
						<div style="clear: both;">&nbsp;</div>
						<div class="entry">
							<p>Gym Extremo  <strong>es diseñado para </strong>servir de guía a los visitantes de un museo y dar a conocer  la información y ubicación de las diferentes salas y objetos de exhibición, con el fin de suplir todas las necesidades y eliminar falencias del museo siendo fácil la manipulación y gestión de este.</p>
							<p>Con esta herramienta tecnologíca ágil y práctica se facilitará la forma en la cual se realiza el recorrido por las diferentes salas de exhibición y se suministrará la información necesaria para ilustrar cada uno de los conceptos tratados en el museo, obteniendo así un sistema de consulta amigable con los usuarios.</p>
							
						</div>
					</div>
					<div class="post">
						<h2 class="title"><a href="#">Gimnasio Extremo Sede Robledo</a></h2>
						<p class="meta"><span class="date">Octubre 03 2011 </p>
						<div style="clear: both;">&nbsp;</div>
						<div class="entry">
							<p>El Gimnasio Extremo permitió el desarrollo de Gym, con el propósito de brindar una herramienta tecnologíca a este, la cual sirve para mejorar los diferentes procesos que se realizan.</p>
							
						</div>
					</div>



					<div style="clear: both;">&nbsp;</div>
				</div>
				<!-- end #content -->
				<div id="sidebar">
					<ul>
						<li>                      
                                                           
							<div style="clear: both;">&nbsp;</div>
						</li>
						<li>
							<h2>Nuestro Gimmasio</h2>
							<p>Este software se construyó, implementó y diseñó  para cumplir con las necesidades del  Museo Etnográfico Miguel Ángel Builes.</p>
						</li>
						<li>
							<h2>DESARROLLADORES</h2>
							<ul>
								
								<li>Didier Correa Londoño</li>
								
								<li>Deisy Yuliana Flórez Carmona</li>
								
                                                                <li>Daniel Botero Londoño</li>
							</ul>
						</li>
						<li>
							<h2>Objetivos</h2>
							<ul>
								<li>	Brindar información oportuna de las salas y objetos del museo para garantizar un recorrido óptimo por las exhibiciones</li>
								<li>	Brindar seguridad en la información para el proceso y almacenamiento de datos.</li>
								<li>	Facilitar la interacción con el usuario</li>
								<li>	Generar entorno agradable y creativo en la aplicación</li>
								<li>	Optimizar recursos humano y tiempo</li>
								
							</ul>
						</li>
						
					</ul>
				</div>
				<!-- end #sidebar -->
				<div style="clear: both;">&nbsp;</div>
			</div>
		</div>
	</div>
	<!-- end #page -->
</div>
<!-- end #footer -->
</body>
</html>
